<rich:page xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j" markupType="xhtml"
	contentType="text/html">

	<h:form>
		<rich:panel style="width:500px" id="panelRegistrar"
			rendered="#{usuarioController.activaRegistro}">
			<f:facet name="header">
				<h:outputText value="Registrar Nuevo Usuario" />
			</f:facet>
			<h:panelGrid columns="3">
				<h:outputText value="Nombres" />
				<rich:spacer width="10px" />
				<h:inputText value="#{usuarioController.usuario.nombreUsuario}" />
				<h:outputText value="Password" />
				<rich:spacer width="10px" />
				<h:inputSecret value="#{usuarioController.usuario.password}" />
				<h:outputText value="Area" />
				<rich:spacer width="10px" />
				<h:selectOneMenu value="#{usuarioController.area}">
					<f:selectItems value="#{usuarioController.comboAreas}" />; 					
				</h:selectOneMenu>

			</h:panelGrid>
			<br />
			<div align="center">
				<h:panelGrid columns="3">
					<a4j:commandButton value="Guardar" style="width:90px"
						action="#{usuarioController.guardar}" reRender="panelMensaje" />
					<rich:spacer width="10px" />
					<a4j:commandButton value="Cancelar" style="width:90px"
						action="#{usuarioController.cancelar}" />
				</h:panelGrid>
			</div>
		</rich:panel>
		<rich:panel rendered="#{usuarioController.activaMensaje}">
			<h:panelGrid id="panelMensaje">
				<h:outputText value="#{usuarioController.mensaje}" />
			</h:panelGrid>
		</rich:panel>

	</h:form>
	<ui:include src="/paginas/wait.xhtml" />
</rich:page>
